<template>
	<div class="citys">
		<header>
			<i></i>
			<h4>选择城市</h4>
			<i class="iconfont icon-cha" @click="close()"></i>
		</header>
		<City></City>
	</div>
</template>

<script>
import City from './pages/City';
export default{
	name:'Citys',
	components:{
		City
	},
	methods:{
		close(){
			this.$router.push({path:'/'})
		}
	}
}
</script>

<style scoped>
.citys header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	line-height: 1rem;
	background-color: #fed101;
}
.citys header h4{
	font-size: 0.35rem;
}
.citys header i{
	margin-right: 0.2rem;
}
</style>
